<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 

<style>
/**
color: 设置文本颜色
direction: 设置文本方向
line-height: 设置行高
text-align: 对齐元素中的文本
text-decoration: 向文本添加修饰
text-indent: 缩进元素中文本的首行
text-shadow: 设置文本阴影
text-transform: 控制元素中的字母
unicode-bidi: 设置或返回文本是否被重写 
vertical-align: 设置元素的垂直对齐
white-space: 设置元素中空白的处理方式
word-spacing: 设置字间距
*/


#textColorByHexExample {
	color: #a1a1a1;

}
#textColorByRgbExample {
	color: RGB(255,0,0);

}
#textColorByNameExample {
	color: blue;

}

#textAlignLeftExample {
	text-align: left;
}
#textAlignCenterExample {
	text-align: center;
}
#textAlignRightExample {
	text-align: right;
}
#textAlignJustifyExample {
	text-align: justify;
}


#textDecorationWithOverlineExample {
	text-decoration: overline;
}
#textDecorationWithLineThroughExample {
	text-decoration: line-through;
}
#textDecorationWithUnderlineExample {
	text-decoration: underline;
}
#textDecorationWithNoneExample {
	text-decoration: none;
}


#textTransformWithUppercaseExample {
	text-transform: uppercase;
}
#textTransformWithLowercaseExample {
	text-transform: lowercase;
}
#textTransformWithCapitalizeExample {
	text-transform: capitalize;
}

#textIndentExample {
	text-indent: 50px;
}

</style>
</head>
<body>

<h1 id="textColorByHexExample">
	通过十六进制设置文本颜色 -> color: #a1a1a1;
</h1>

<h1 id="textColorByRgbExample">
	通过RGB设置文本颜色 -> color: RGB(255,0,0);
</h1>

<h1 id="textColorByNameExample">
	通过RGB设置文本颜色 -> color: blue;
</h1>

<h1 id="textAlignLeftExample">
	文本的对齐方式: 左对齐 -> text-align: left;
</h1>

<h1 id="textAlignCenterExample">
	文本的对齐方式: 居中对齐 -> text-align: center;
</h1>

<h1 id="textAlignRightExample">
	文本的对齐方式: 右对齐 -> text-align: right;
</h1>

<h1 id="textAlignJustifyExample">
	文本的对齐方式: 每一行被展开为宽度相等，左，右外边距是对齐（如杂志和报纸） -> text-align: justify;
</h1>

<h1 id="textDecorationWithOverlineExample">
	文本修饰: 上划线 -> text-decoration: overline;
</h1>

<h1 id="textDecorationWithLineThroughExample">
	文本修饰: 删除线 -> text-decoration: line-through;
</h1>

<h1 id="textDecorationWithUnderlineExample">
	文本修饰: 下划线 -> text-decoration: underline;
</h1>

<a id="textDecorationWithNoneExample" href="www.bing.com">
	文本修饰: 无修饰  -> text-decoration: none;
</a>


<h1 id="textTransformWithUppercaseExample">
	文本转换: 所有字句变成大写 -> text-transform: uppercase;
</h1>
<h1 id="textTransformWithLowercaseExample">
	文本转换: 所有字句变成小写 -> text-transform: lowercase;
</h1>
<h1 id="textTransformWithCapitalizeExample">
	文本转换: 所有字句变成首字母大写 -> text-transform: capitalize;
</h1>


<h1 id="textIndentExample">
	文本缩进: 来指定文本的第一行的缩进 -> text-indent: 50px;
</h1>

</body>
</html>